<template>
	<view class="inspect-situation-container" v-if="data.length > 0">
		<view class="hidden-title">巡检情况</view>
		<view class="background-white">
			<uni-table ref="table" border stripe emptyText="暂无更多数据">
				<uni-tr>
					<uni-th width="50" align="center">序号</uni-th>
					<uni-th width="120" align="center">巡检时间</uni-th>
					<uni-th width="120" align="center">巡检内容</uni-th>
					<uni-th width="60" align="center">巡检结果</uni-th>
				</uni-tr>
				<uni-tr v-for="(item, index) in data" :key="index">
					<uni-td>{{ index+1 }}</uni-td>
					<uni-td>{{ item.businessTime }}</uni-td>
					<uni-td>{{ item.workContent }}</uni-td>
					<uni-td>{{ item.workStatus }}</uni-td>
				</uni-tr>
			</uni-table>
		</view>

	</view>
</template>

<script>
	export default {
		name: 'InspectSituation',
		props: {
			data: {
				type: Array,
				default: () => [],
			},
		},
	}
</script>

<style lang="scss" scoped>
	.inspect-situation-container {
		.inspect-list-wrap {

			// padding: 0 30rpx;
			.inspect-item-wrap {
				position: relative;
				margin-bottom: 20rpx;
				padding: 30rpx;
				background: #fff;

				.inspect-time {
					font-size: 32rpx;
					font-weight: bold;
					color: #333333;
					line-height: 45rpx;
				}

				.inspect-content {
					margin-top: 24rpx;
					font-size: 28rpx;
					color: #666666;
					line-height: 40rpx;
				}

				.status-icon-wrap {
					position: absolute;
					right: 20rpx;
					top: 20rpx;

					.status-icon {
						width: 100rpx;
						height: 88rpx;
					}
				}
			}
		}
	}
</style>